@import './index.less';

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}


.grey-stage{
  background-color: #f7f7f7;
}

.white-stage{
  background-color: #fff;

  .scroll-view{
  background-color: #fff;
  }
}

.container {
  padding-bottom: 50px;
}


.mgt-6{
  margin-top: 6px;
}

.pdt-50{
  padding-top: 41px;
}



.scroll-view {
  // -webkit-transform:translate3d(0,0,0);
  /* -- Attention: This line is extremely important in chrome 55+! -- */
  touch-action: none;

  /* -- Attention-- */
  &.fixed{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 80;
  }

}

.grey-stage {
  .scroll-view{
  background-color: #EFEFF4;
  }
}


body>div{
  &:extend(.clearfix all);
}

html{
  background: white;
}

.vux-x-input-placeholder-right{
  input{
    text-align: right;
  }
}

.loading-layer {
  padding-bottom: 20px;
}

.pdscroll.none{
  .loading-layer{
    margin-top: 5rem;
  }
}

.pdnormal {

}

.pdscroll:not(.none) {
  .loading-layer{
  margin-top: -0.2rem;
  }
}

.pdscroll._v-container {
  top: @scroll-top;

  &.hasSearch {
    top: @scroll-top + @search-input-size+10
  }
}

.dialog-message {
  padding: 20px 0;
}
